﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Font and Styles</title>
<style type="text/css">
p.comment {
	background: yellow;
}
</style>
</head>
<body>
<p class="comment">Some common styles set by tags:</p>
<p>Normal <strong>Bold</strong> <em>Italic</em> <u>Underlined</u> <font color="red">Red</font> <font size="+3">Bigger</font> <font face="Times">Times</font> <font>Normal</font></p>
<p class="comment">Some common styles set by span. Should look the same as above: </p>
<p>Normal <strong>Bold</strong> <em>Italic</em> <u>Underlined</u> <font color="red">Red</font> <font size="+3">Bigger</font> <font face="Times">Times</font> <font>Normal</font></p>
<p class="comment">Font sizes are defined to be relative but in reality all browsers use fixed sizes. We go with the main stream. Here the regular example </p>
<p>Normal <font size="1">1</font> <font size="2">2</font> <font size="3">3</font> <font size="4">4</font> <font size="5">5</font> <font size="6">6</font> <font size="7">7</font> </p>
<p class="comment">The following is inside a &lt;div style=&quot;font-size: 16pt&quot;&gt;:</p>
<div style="font-size: 16pt"> Normal <font size="smaller">smaller</font> <font size="larger">larger</font> <font size="-4">-4</font> <font size="-3">-3</font> <font size="-2">-2</font> <font size="-1">-1</font> <font size="+1">+2</font> <font size="+2">+3</font> <font size="+3">+4</font> <font size="+4">+5</font> </div>
<p class="comment">The following is inside an &lt;h2&gt;:</p>
<h2> Normal <font size="smaller">smaller</font> <font size="larger">larger</font> <font size="-4">-4</font> <font size="-3">-3</font> <font size="-2">-2</font> <font size="-1">-1</font> <font size="+1">+2</font> <font size="+2">+3</font> <font size="+3">+4</font> <font size="+4">+5</font> </h2>
</body>
</html>
